<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>猫饭自制材料计算器</title>
  <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
  <meta name="author" content="Vincent Garreau" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" media="screen" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="css/reset.css"/>
</head>
<body>

<div id="particles-js">
		<div class="Calculation">
			<div class="Calculation-top">
				猫饭自制材料计算器
			</div>
			<div class="Calculation-center clearfix">
				<div class="Calculation-center-img"><img src="img/kg.png"/></div>
				<div class="Calculation-center-input">
					<input type="text" id="kg" value="" placeholder="主子多重啦？(公斤)" onfocus="this.placeholder=''" onblur="this.placeholder='请输入猫咪体重(KG)'"/>
					<div class="Calculation-center-input-text">体重(KG)</div>
				</div>
				KG
			</div>
			<div class="Calculation-center clearfix">
				<div class="Calculation-center-img"><img src="img/age.png"/></div>
				<div class="Calculation-center-input">
					<input type="text" id="age" value="" placeholder="主子多大啦？(月)" onfocus="this.placeholder=''" onblur="this.placeholder='请输入猫咪年龄(月)'"/>
					<div class="Calculation-center-input-text">年龄(月)</div>
				</div>
				月
			</div>
			<div class="Calculation-center clearfix">
				<div class="Calculation-center-img"><img src="img/date.png"/></div>
				<div class="Calculation-center-input">
					<input type="text" id="days" value="" placeholder="要屯多久？(天)" onfocus="this.placeholder=''" onblur="this.placeholder='请输入制作周期(天)'"/>
					<div class="Calculation-center-input-text">制作周期(天)</div>
				</div>
				天
			</div>
			<div class="Calculation-button">计算</div>
			<div class="Calculation-footer" >
			<hr><p align="right">本计算器提供的数据仅供参考</p>
			</div>
		</div>
		<div class="sk-rotating-plane"></div>
</div>

<!-- scripts -->
<script src="js/particles.min.js"></script>
<script src="js/app.js"></script>
<script src="js/calculation.js"></script>
</body>
</html>